<template>
  <div>
    <a-form style="max-width: 500px; margin: 40px auto 0;">
      <div style="color: #ff6768;float: right">
        <div v-if="status==='专家入库申请通过'||status==='专家入库申请待审核'||status==='专家入库申请未通过'">
          <span>入库申请状态:</span>
          <img v-if="status==='专家入库申请通过'" src="/tongguo.png" class="imgs"></img>
          <img v-if="status==='专家入库申请待审核'" src="/wait.png" class="imgs"></img>
          <img v-if="status==='专家入库申请未通过'" src="/weitongguo.png" class="imgs"></img>
        </div>
        <div v-if="status==='申请修改个人信息待审核'||status==='申请修改个人信息已通过'||status==='申请修改个人信息未通过'">
          <span>申请修改状态:</span>
          <img v-if="status==='申请修改个人信息已通过'" src="/tongguo.png" class="imgs"></img>
          <img v-if="status==='申请修改个人信息待审核'" src="/wait.png" class="imgs"></img>
          <img v-if="status==='申请修改个人信息未通过'" src="/weitongguo.png" class="imgs"></img>
        </div>
      </div>
      <h2>修改信息流程：</h2>
      <h3>1.首先点击申请修改信息，填写申请理由，并点击确认发送。</h3>
      <h3>2.修改完基本信息和专业信息后，重新提交。</h3>
      <h3>3.等待管理员对你的申请进行审批，审批通过后流程结束</h3>
      <h3>4.若管理员拒绝了你的申请，则需要你重新进行修改信息然后提交。</h3>
      <h3 style="margin-bottom: 17px">4.点击下一页继续</h3>
      <a-button type="primary" @click="nextStep">下一页</a-button>
    </a-form>
  </div>
</template>

<script>
  export default {
    props:{
      status:{
        default:'',
        type: String
      },
    },
    name: "Step1",
    methods: {
      nextStep () {
        this.$emit('nextStep')
      }
    },
    created() {
    }
  }
</script>

<style scoped>
.imgs{
  width: 44px;height: 44px;margin-left: 10px;
}
</style>